<!DOCTYPE html>
<html lang="ja">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=320, height=480">
    
    <title>貸出・返却成立</title>
    <link rel="stylesheet" href="../css/common.css" />
	<script type="text/javascript" src="../js/common.js"></script>
	<script type="text/javascript">
	
	var id;
	var status;
	var statusName;
	
	function load() {
		// ユーザー名取得
		var loginUserName = sessionStorage.getItem("USER_NAME");
	    // ユーザー名表示
	    var loginUserNameTarget = document.getElementById('userName');
	    loginUserNameTarget.innerHTML = loginUserName;
	    
		// URLパラメータ取得
		var param = location.search;
		var params = getUrlParams(param);

        id = params["id"];
        status = params["status"];
        
        // ボタン生成
        var btn = document.getElementById('btn');
        
        if (status == "1") {
        	statusName = "貸出成立";
        } else if  (status == "2") {
        	statusName = "返却成立";
        }
        btn.innerHTML = "<input type='button' value='" + statusName + "' class='lendingBtn' onclick='lending()'>";
        
        // 画面タイトル表示
	    var titleTarget = document.getElementById('title');
	    titleTarget.innerHTML = statusName;
	}
	
	function lending() {
		// 貸出番号取得
		var sharingId = document.getElementById('sharingId').value;
		
		if (sharingId == "") {
			window.alert("貸借コードを入力してください。");
		} else {
	        // パラメータ生成
	        var requestParam = {"id":id, "status":status, "sharing_id":sharingId};
	        
	        // リクエスト送信
	        sendRequest("tmapp/lend/updateLendingHistoryStatus", requestParam);
        }
	}
	
    function callback(request) {
       	var json = eval( '(' + request.responseText + ')' );	// JSONを配列に変換
       	var data = json["success"];
   		
       	if (data == false) {
       		window.alert("貸借コードが異なります。");
       	} else {
       		if (status == "1") {
       			window.alert("貸出が成立しました。");
       		} else if (status == "2") {
       			window.alert("返却が成立しました。");
       		}
       		goLendingList();
       	}
    }
    
    function readQRCode() {
    	window.alert("使用できません。");
    }
	</script>
</head>
<body onload="load()">
    <header>
    	<table class="titleLine">
    		<tr>
    			<td id="title" class="title">貸出・返却成立</td>
    			<td id="userName" class="userName"></td>
    		</tr>
    	</table>
		<div class="line"></div>
		<h3>
			<a href="javascript:void(0);" onclick="logout()">ログアウト</a>
			&nbsp;>&nbsp;
			<a href="javascript:void(0);" onclick="goMenu()">メニュー</a>
			&nbsp;>&nbsp;
			<a href="javascript:void(0);" onclick="goLendingList()">貸出・返却一覧</a>
		</h3>
		<div class="line"></div>
    </header>
    
    <article>
    	<div class="vSpaceLending1"></div>
    	<div class="code">
			<p class="codeTitle">貸借コード入力</p>
			<p class="vSpaceLending2"></p>
			<table><tr><input type="text" id="sharingId" class="codeValue" maxlength="6"></td></tr></table>
			<p class="vSpaceLending3"></p>
			<p id="btn"></p>
			<p class="vSpaceLending3"></p>
			<input type="button" class="lendingBtn" value="QRコード読み取り" onclick="readQRCode()">
		</div>
		
		<p class="vSpaceLending1"></p>
		
    	<div class="message">
			<table><tr><td class="codeMessage">
			借用者が発行した貸借コードを<br>入力してください。
			</td></tr></table>
		</div>
    </article>
</body>
</html>